// 定义主题变量
$themes: (
        light: (font-color: #000000,
            border-color: #000,
            background-color: #cecece,
            design-bg-color:#fff,
        ),
        dark: (font-color: #fff,
            border-color: #fff,
            background-color: #333232,
            design-bg-color:#000,
        ),
);

// 生成 CSS 变量
:root {
    @each $theme, $colors in $themes {
        &[data-theme="#{$theme}"] {
            @each $key, $value in $colors {
                --#{$key}: #{$value};
            }
        }
    }
}